2017년 11월 28일 화요일

오후 2:55

목적

 

1. Github 에서는 블로그를 만들 수 있다.

2. OneNote 는 스터디한 내용을 정리하기 좋다

3. OneNote 로 정리한 내용을 웹에 올려두고 공유하고 싶다

 

OneNote로 작성한 내용을 html로 만들기

 

1) 원하는 페이지를 선택 후 mht 포맷으로 내보낸다

 

- mht 포맷은 그림을 품은 html 이라고 생각하면 편하다.

- internet explorer 로 볼 수 있다.

 

2. MS Word 로 mht 파일을 읽은 후 html로 변환

 

- 웹 상에 올리려면 html 형식으로 만들어줘야 한다.

- 변환해주면 html 파일과, 포함된 이미지들을 담은 폴더가 생성된다

 

* 아래와 같이 하나의 mht 파일이 html 과 링크된 이미지들을 담은 폴더로 분리된 걸 볼 수 있다.

 

Github pages 에 올리기

 

1) Github Pages 만들기

- github 계정 하나당 하나의 블로그를 만들 수 있다.

- 자세한 사항은 구글링하면 많이 나오니 참고하시기 바람

 

1) 깃헙에 자신의 아이디로 시작하는 [자신의아이디].github.io이라는 Repository를 만든다

- 깃헙 아이디가 nicewook 라면 nicewoo.github.io 이라는 repository 를 만든다.

2) repository의 master branch 에 index.html 파일만 있으면 바로 웹페이지 서비스가 시작됨

3) 기술블로그를 만들 생각이라 - 더 정확히는 웹상에 저장해두는 공간 - 그냥 부트스트랩 테마를 땡겨왔다

- https://startbootstrap.com/template-overviews/clean-blog/

- 위 링크의 테마를 다운받아 통째로 올린 다음에, html 만 조금 손본게 전부이다

 

2) 만든 html 파일과 이미지들 폴더를 옮긴다

 

 

3) index.html 파일에, 방금 만든 html 파일로 가는 링크를 만들어준다.

 

* 편집툴은 실시간 미리보기가 가능한 Brakets 를 사용했다

 

3) 작업한 모든것을 깃헙의 master branch에 올리기만 하면 끝

 

 

[참고] 좀더 간단한 버전. 하지만 오류가 있다.

 

- 아래 부분은 조금더 간편하게 바로 OneNote → Word 로 넘어가게 하는 것인데

- 실제로 아래와 같은 폰트 오류가 발생하였음. 더 자세한 디버깅은 생략하고 아래 방식대신 위에 언급한 방식을 사용하였음

 

 

* 아래는 참고만 할 것

OneNote로 작성한 내용을 html로 만들기

 

1) 원하는 OneNote 페이지를 선택 후 "Word로 보내기"

 

 

2. MS Word 에서 "다른 이름으로 저장"을 이용하여 html로 변환

 

- 웹 상에 올리려면 html 형식으로 만들어줘야 한다.

- 변환해주면 html 파일과, 포함된 이미지들을 담은 폴더가 생성된다

* OneNote 상의 페이지 제목이 그대로 파일이름에 적용되는 것을 볼 수 있다.

 

 

* html 문서와, 문서에 들어갈 이미지 파일들을 담은 폴더가 생성되어 있다

 

Github pages 에 올리기

 

- github 계정 하나당 하나의 블로그를 만들 수 있다.

- Github pages 관련 자세한 사항은 구글링하면 많이 나오니 참고하시기 바람

 

1) 만든 html 파일과 이미지들 폴더를 옮긴다

 

 

2) index.html 파일에, 방금 만든 html 파일로 가는 링크를 만들어준다.

 

* 편집툴은 실시간 미리보기가 가능한 Brakets 를 사용했다

 

3) 작업한 모든것을 깃헙의 master branch에 올리기만 하면 끝

- 이 방식으로는, 로컬에서 미리보기시에는 잘 보였으나

- 깃헙에 올리니 폰트 오류가 발생함.

 

 

Microsoft OneNote 2016에서 작성